﻿<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>搜索-享听音乐</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
  <script type='text/javascript' src='js/jquery.js' charset='utf-8'></script>
  <script type='text/javascript' src='js/search.js' charset='utf-8'></script>

  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <div class="page">
    <!--标题-->
    <div class="title">
      <div class="logo">
        <a href="index.html">
          <img src="images/logo.png" />享听音乐</a>
      </div>
      <div class="search">
        <a herf="search.html">
          <img src="images/search.png" />
        </a>
      </div>
    </div>
  </div>
  <div class="search_nav">
    <a href="index.html" class="back">
      <img src="images/back.png">
    </a>
    <span class="sea">搜索</span>
  </div>
  <div class="search_input">
    <input placeholder="歌名/歌手/拼音" class="input_left" id="shuru" />
    <input value="搜索" type="submit" class="input_right" id="sousuo" />
  </div>

  <div class="jiazai">
    <div id="musiclist">
    </div>
    <div id="loading" style="text-align:center">
    </div>
  </div>
</div>
<div class="ploading" id="ploading"><img src="images/loading.gif"/></div>
<div id="bottombar">
  <div id="bottombarcnt">
  <div class="left">
      <div class="renxiang"><img src="images/张学友 - 三分拍.jpg" id="renxiang" /></div>
          <div class="geming" id="geming"></div>
  </div>
  <div class="right">
      <div><img src="images/暂停.png" id="cbtn" /></div>
      <div><img src="images/下一首.png" id="nbtn" /></div>
      <div><img src="images/下载.png" id="dbtn"/></div>
  </div>
</div>
</body>

</html>